<script setup lang="ts">
const props = withDefaults(defineProps<{ list: Array<any> }>(), {
  list: null
});

console.log(JSON.stringify(props.list));
</script>

<template>
  <el-card shadow="never">
    <el-row :gutter="20">
      <el-col
        :xl="4"
        :lg="4"
        :md="12"
        :sm="24"
        :xs="24"
        v-for="(photo, index) in props.list"
        :key="index"
      >
        <el-card shadow="hover" class="mb-[10px] text-center">
          <div class="w-full flex justify-center">
            <img width="150" height="150" :src="photo.photo" />
          </div>
        </el-card>
      </el-col>
    </el-row>
  </el-card>
</template>
